<!--created by Chuanpeng.zhu@dhc.com.cn-->
<ion-view view-title="路由缓存">
  <ion-content>
    <div class="padding">

      <p>从目录页面跳转到此页面，页面刷新。</p>
      <label class="background padding inline-block width-100">
        <input class="width-100" type="text" ng-model="data.value">
      </label>

      <div>
        <p>1.<b>修改</b>上面的input里的文字，<b>点击下方按钮</b>跳转到主题页面后返回，上面修改的<b>文字还在</b>。说明页面<b>没有刷新</b>。</p>

        <p>2.<b>重复修改</b>上面的input里的文字，<b>点击返回按钮</b>再进入该页，上面修改的<b>文字失效</b>。说明页面<b>已被刷新</b>。</p>

        <p>经常会有类似的需求，前进至页面刷新，后退至页面有缓存。</p>
        <code>
          $scope.$on('$ionicView.beforeEnter', function (e,v) {
          if (v.direction == 'forward') {
          $scope.init();
          }
          });
        </code>
        <button class="button button-assertive button-small button-full" ui-sref="theme">主题颜色</button>
      </div>
    </div>
  </ion-content>
</ion-view>
